
@font-face {
    /* 重命名字体名 */
    font-family: "PangMenZhengDao";
    /*引入字体  */
    src: url("~@assets/font/庞门正道标题体.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* 重命名字体名 */
    font-family: "DINCond-Black";
    /*引入字体  */
    src: url("~@assets/font/DINCond-Black.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    /* 重命名字体名 */
    font-family: "DIN-Black";
    /*引入字体  */
    src: url("~@assets/font/DIN-Black.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    /* 重命名字体名 */
    font-family: "DIN-Bold";
    /*引入字体  */
    src: url("~@assets/font/DIN-Bold.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    /* 重命名字体名 */
    font-family: "DIN-Medium";
    /*引入字体  */
    src: url("~@assets/font/DIN-Medium.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    /* 重命名字体名 */
    font-family: "DIN-Regular";
    /*引入字体  */
    src: url("~@assets/font/DIN-Regular.otf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    /* 重命名字体名 */
    font-family: "Bebas Neue";
    /*引入字体  */
    src: url("~@assets/font/BebasNeue.otf");
    font-weight: normal;
    font-style: normal;
}

//文本居中
@mixin center($height: 100%) {
    height: $height;
    line-height: $height;
    text-align: center;
}
// flex居中
@mixin flex_center {
    display: flex;
    justify-content: center;
    align-items: center;
}
//透明度
@mixin opacity($opacity) {
    opacity: $opacity;
    $opacity-ie: $opacity * 100;
    filter: alpha(opacity=$opacity-ie); //IE8
}
//超出显示省略号
@mixin no-wrap {
    /*加宽度width属来兼容部分浏览*/
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
//超出几行显示省略号
@mixin ellipsis-multi($line) {
    //     display: -webkit-box; //将对象作为弹性伸缩盒子模型显示
    //   -webkit-box-orient: vertical; //设置或检索伸缩盒对象的子元素的排列方式
    //   -webkit-line-clamp: 3; //用来限制在一个块元素显示的文本的行数
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $line;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.table {
    border: 1px solid white;
    border-collapse: collapse;
    text-align: center;
    td {
        border: 1px solid white;
    }
}
.f_l {
    float: left;
}
.f_r {
    float: right;
}
.clear::after {
    content: ("");
    height: 0;
    line-height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}
